<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
  <title>Title</title>
  <meta charset="UTF-8">
  <script type="text/javascript" src="../../../jquery-1.10.2.min.js"></script>

  <link href="../../../css/css.css" type="text/css" rel="stylesheet" />
  <link href="../../../css/main.css" type="text/css" rel="stylesheet" />
  <link rel="shortcut icon" href="images/main/favicon.ico" />
  <style>
    body{overflow-x:hidden; background:#f2f0f5; padding:15px 0px 10px 5px;}
    #searchmain{ font-size:12px;}
    #search{ font-size:12px; background:#548fc9; margin:10px 10px 0 0; display:inline; width:100%; color:#FFF}
    #search form span{height:40px; line-height:40px; padding:0 0px 0 10px; float:left;}
    #search form input.text-word{height:24px; line-height:24px; width:180px; margin:8px 0 6px 0; padding:0 0px 0 10px; float:left; border:1px solid #FFF;}
    #search form input.text-but{height:24px; line-height:24px; width:55px; background:url(../../../Images/main/list_input.jpg) no-repeat left top; border:none; cursor:pointer; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; color:#666; float:left; margin:8px 0 0 6px; display:inline;}
    #search a.add{ background:url(../../../Images/main/add.jpg) no-repeat 0px 6px; padding:0 10px 0 26px; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#FFF}
    #search a:hover.add{ text-decoration:underline; color:#d2e9ff;}
    #main-tab{ border:1px solid #eaeaea; background:#FFF; font-size:12px;}
    #main-tab th{ font-size:12px; background:url(../../../Images/main/list_bg.jpg) repeat-x; height:32px; line-height:32px;}
    #main-tab td{ font-size:12px; line-height:40px;}
    #main-tab td a{ font-size:12px; color:#548fc9;}
    #main-tab td a:hover{color:#565656; text-decoration:underline;}
    .bordertop{ border-top:1px solid #ebebeb}
    .borderright{ border-right:1px solid #ebebeb}
    .borderbottom{ border-bottom:1px solid #ebebeb}
    .borderleft{ border-left:1px solid #ebebeb}
    .gray{ color:#dbdbdb;}
    td.fenye{ padding:10px 0 0 0; text-align:right;}
    .bggray{ background:#f9f9f9; font-size:14px; font-weight:bold; padding:10px 10px 10px 0; width:120px;}
    .main-for{ padding:10px;}
    .main-for input.text-word{ width:310px; height:36px; line-height:36px; border:#ebebeb 1px solid; background:#FFF; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; padding:0 10px;}
    .main-for select{ width:310px; height:36px; line-height:36px; border:#ebebeb 1px solid; background:#FFF; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; color:#666;}
    .main-for input.text-but{ width:100px; height:40px; line-height:30px; border: 1px solid #cdcdcd; background:#e6e6e6; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; color:#969696; float:left; margin:0 10px 0 0; display:inline; cursor:pointer; font-size:14px; font-weight:bold;}
    #addinfo a{ font-size:14px; font-weight:bold; background:url(../../../Images/main/replayblack.jpg) no-repeat 0 0px; padding:0px 0 0px 20px; line-height:45px;}
    #addinfo a:hover{ background:url(../../../Images/main/replayblue.jpg) no-repeat 0 0px;}
  </style>
  <script type="text/javascript">
  </script>
</head>
<body>
<table width="99%" border="0" cellspacing="0" cellpadding="0" id="searchmain">
  <tr>
    <td colspan="2"  width="99%" align="left" valign="top">您的位置：宿舍楼管理&nbsp;&nbsp;>&nbsp;&nbsp;宿舍楼列表</td>
  </tr>
  <tr>
    <td colspan="2" align="left" valign="top" id="addinfo">
      <a href="javascript:history.go(-1)" target="mainFrame" onFocus="this.blur()" class="add">返回上一层</a>
    </td>
  </tr>
  <tr>
    <td align="left" valign="top">
      <form action="/addTeacherWithBuiding.html" method="post" id="buidingform">
        <select name="tid">
          <option value ="0">--请选择--</option>
          <c:forEach items="${teachers2}" var="t2" >
            <option value="${t2.id}">${t2.name}</option>
          </c:forEach>
        </select>
        <input type="hidden" value="${bid}" name="bid">
        <input  type="button" value="添加" onclick="add()" style="border: 1px solid black; width:70px;">
      </form>
    </td>
  </tr>
  <tr>
    <td align="left" valign="top">
      <table width="100%" border="0" cellspacing="0" cellpadding="0" id="main-tab">
        <tr id="title" onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">

          <td align="left" valign="middle" class="borderright borderbottom main-for buildinglabel">序号</td>
          <td align="left" valign="middle" class="borderright borderbottom main-for buildinglabel">姓名</td>
          <td align="left" valign="middle" class="borderright borderbottom main-for buildinglabel">电话</td>
          <td align="left" valign="middle" class="borderright borderbottom main-for buildinglabel">操作</td>
        </tr>
        <c:forEach items="${teachers1}" var="t1" varStatus="vs">
          <tr>
            <td align="left" valign="middle" class="borderright borderbottom main-for">${vs.count}</td>
            <td align="left" valign="middle" class="borderright borderbottom main-for">${t1.name}</td>
            <td align="left" valign="middle" class="borderright borderbottom main-for">${t1.phone}</td>
            <td align="left" valign="middle" class="borderright borderbottom main-for">
              <input type="hidden" class="t_id" value="${t1.id}">
              <input  type="button" value="移除" class="btn_delete" style="border: 1px solid black; width:70px;">
          </tr>
        </c:forEach>
      </table>
    </td>
  </tr>
</table>
<form action="getTeacherByBuilding.html" method="post" id="form1">
  <input type="hidden" name="id" value="${bid}">
</form>
</body>
<script type="text/javascript">
    function add(){
        $.ajax({
            type: "POST",//方法类型
            url:"<%=request.getContextPath()%>addTeacherWithBuiding.html",
            data: $('#buidingform').serialize(),
            success: function (result) {
                if (result.length > 0) {
                    alert("SUCCESS");
                    $("#form1").submit();
                };
            },
        });
    }
    //这是通过class的兄弟节点来获取到上一个tid的值
    $('.btn_delete').click(function(){
       var tid = $(this).prev().val();
        alert(tid);
       var bid =${bid};
        $.ajax({
            type: "POST",//方法类型
            url:"<%=request.getContextPath()%>deleteTeacherWithBuiding.html",
            data:{"tid":tid,"bid":bid},
            success: function (result) {
                if (result.length > 0) {
                    alert("SUCCESS");
                    $("#form1").submit();
                };
            },
        });
    })
</script>
</html>
